<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <title>列表</title>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div class="wrap">
    <div class="header">
        <span class="ui-icon icon-back"><a href="index.html" class="block"></a></span>
        <h1>精品优选</h1>
    </div>
    <div class="page">
        <div class="sort-bar">
            <ul>
                <!--选中为：selected,排序从低到高样式名：arrow-up，从高到低样式名：arrow-down-->
                <li class="selected"><a href="javascript:;" class="block">综合</a></li>
                <li><a href="javascript:;" class="block">销量</a></li>
                <li class="sort-by-height"><a href="javascript:;" class="block">积分</a></li>
                <li class="sort-by-height"><a href="javascript:;" class="block">价格</a></li>
            </ul>
        </div>
        <div class="goods-list">
            <div class="lists">
                <ul>
                    <li>
                        <a href="detail.html" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>

                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                    <li>
                        <a href="" class="block">
                            <h3>极米投影仪</h3>
                            <div class="good-cost">
                                <span class="coin">22000</span>
                                <span class="sep"></span>
                                <span class="price">2599<i>￥</i></span>
                            </div>
                            <div class="good-img"><img src="http://lorempixel.com/350/200"/></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="loading">正在加载中...</div>
    </div>
</div>
</body>
</html>